$(function(){
	var wrapper = $(".wrapper");
	var index = 0;
	var goListBox = $(".wrapper .box");
	var box_length = goListBox.length;
	var goListAute = true;

	//滚轮事件
	scrollWheel(document,function(e){
		var detail = e.wheelDelta || -e.detail;
		if(goListAute == true){
			if(detail > 0){
				index--;
				scrolTop();
			}else if(detail < 0){
				
				index++;
				scrolBottom()
			console.log(index)

			}
		}
		goListAute = false;
	})

	//向下播放事件
	function scrolBottom(){
		if(index >= 19){
			index = 18; 
		}
		if(index == 18){
			$(".right").hide(500);
		}else{
			$(".right").show(500);
		}
		if(index%2 == 0 || index == 17){
			$(".font-01,.font-03,.font-05,.font-07,.font-09,.font-10").stop().animate({"right":"-50%"},500)
			$(".font-02,.font-04,.font-06,.font-08").stop().animate({"left":"-50%"},500)
		}
		if(index == 18){
			$(".dinggou").stop().css("display","block")
		}
		font(index);
		quan(index)
		goListBox.eq(index-1).stop().animate({"height":0}, 500);
		setTimeout(function(){
			goListAute = true;
		},500)
	}
	//向上事件
	function scrolTop(){
		if(index <= 0){
			index = 0; 
		}
		if(index == 18){
			$(".right").hide(500);
		}else{
			$(".right").show(500);
		}
		if(index%2 == 0 || index == 15 || index == 16){
			$(".font-01,.font-03,.font-05,.font-07,.font-09,.font-10").stop().animate({"right":"-50%"},500)
			$(".font-02,.font-04,.font-06,.font-08").stop().animate({"left":"-50%"},500)
		}
		if(index != 18){
			$(".dinggou").stop().css("display","none")
		}
		font(index)
		quan(index)
		goListBox.eq(index).stop(false,true).stop().animate({"height":"100%"}, 500);
		setTimeout(function(){
			goListAute = true;
		},500)
	}
	//封装移动文字的函数
	function font(i){
		if(i == 1 || i == 0){
			$(".font-01").stop().animate({"right":"17%"}, 500)
		}
		if(i == 3){
			$(".font-02").stop().animate({"left":"13%"}, 500)
		}
		if(i == 5){
			$(".font-03").stop().animate({"right":"17%"}, 500)
		}
		if(i == 7){
			$(".font-04").stop().animate({"left":"13%"}, 500)
		}
		if(i == 9){
			$(".font-05").stop().animate({"right":"17%"}, 500)
		}
		if(i == 11){
			$(".font-06").stop().animate({"left":"13%"}, 500)
		}
		if(i == 13){
			$(".font-07").stop().animate({"right":"17%"}, 500)
		}
		if(i == 15){
			$(".font-08").stop().animate({"left":"13%"}, 500)
		}
		if(i == 16){
			$(".font-09").stop().animate({"right":"17%"}, 500)
		}
		if(i == 17){
			$(".font-10").stop().animate({"right":"20%"}, 500).addClass('fontDonghua')
		}else{
			$(".font-10").removeClass('fontDonghua')
		}
		if(i == 18){
			$(".dinggou").stop().animate({"right":"18%"}, 1000,function(){
				$(".dinggou").stop().css("display","block")
			})
			$(".arrow").hide(500);
		}else {
			$(".arrow").show(500);
		}
	}
	//箭头点击事件
	$(".arrow").on("click",function(){
		index++;
		scrolBottom();
		console.log(index)
	})
	//封装小图片事件
	function quan(i){
		if(i == 0 || i == 1){
			$(".mouse").show(500);
		}else{
			$(".mouse").hide(500)
		}

		$(".quan-01").stop().animate({"margin-top":i*20+"px"},500)
		$(".quan-02").stop().animate({"margin-left":i*20+"px"},500)
		$(".quan-03").stop().animate({"margin-left":"-"+i*20+"px"},500)
		$(".quan-04").stop().animate({"margin-top":"-"+i*20+"px"},500)
		$(".quan-05").stop().animate({"margin-bottom":i*20+"px"},500)
	}
	//封装滚轮事件
	function scrollWheel(obj,handle){
		if(obj.addEventListener){
			obj.addEventListener("mousewheel",handle);
			obj.addEventListener("DOMMouseScroll",handle)
		}else if(obj.attachEvent){
			obj.attachEvent("onmousewheel",handle);
		}else{
			obj.onmousewheel = handle;
		}
	} 



	//设置wrapper的宽和高
	function setWidth(){
		wrapper.width($(window).width());
		wrapper.height($(window).height());
	}
	setWidth();
	$(window).resize(function(){
	   setWidth();
	});


})